<!DOCTYPE HTML>
<html>
<head>
<title><%= title%></title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="" />

<meta name=”keywords” content="个人博客|web开发|前端开发|后端开发|js|vue|php">
<meta name=”description” content="聚酯多元醇|个人博客web开发和前端开发和后端开发和js和vue和php">
<link href="/icon.jpg" rel="icon" />
<link href="/css/bootstrap.css" rel='stylesheet' type='text/css' />
<!-- Custom Theme files -->
<link href='/https://fonts.googleapis.com/css?family=Raleway:400,600,700' rel='stylesheet' type='text/css'>
<link href="/css/style.css" rel='stylesheet' type='text/css' />	

<!-- //animation-effect -->
</head>
<body>
    <div class="header" id="ban">
		<div class="container">
			<div class="head-left wow fadeInLeft animated animated" data-wow-delay=".5s" style="visibility: visible; animation-delay: 0.5s; animation-name: fadeInLeft;">
				<div class="header-search">
					<div class="search">
						<input class="search_box" type="checkbox" id="search_box">
						<label class="icon-search" for="search_box"><span class="glyphicon glyphicon-search" aria-hidden="true"></span></label>
						<div class="search_form">
							<form method="get" action='/search'>
								<input type="text" name="keyword"  placeholder="请输入关键词...">
                                <input type="submit" value="搜索">
                                </form>
							</form>
						</div>
					</div>
				</div>
			</div>
			<div class="header_right wow fadeInLeft animated animated" data-wow-delay=".5s" style="visibility: visible; animation-delay: 0.5s; animation-name: fadeInLeft;">
			<nav class="navbar navbar-default">
				<!-- Brand and toggle get grouped for better mobile display -->
				<div class="navbar-header">
					<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
						<span class="sr-only">Toggle navigation</span>
						<span class="icon-bar"></span>
						<span class="icon-bar"></span>
						<span class="icon-bar"></span>
					</button>
				</div>

				<!-- Collect the nav links, forms, and other content for toggling -->
				<div class="collapse navbar-collapse nav-wil" id="bs-example-navbar-collapse-1">
					<nav class="link-effect-7" id="link-effect-7">
						<ul class="nav navbar-nav">
                            <li class=" act"><a class="nav-link" href="/">首页</a></li>
                            <% category.forEach(category=> { %>
                            <li class=" act" data-cid="<%= category.id %>">
								<a class="nav-link" href="/article/list/<%= category.id %>"><%= category.name %></a>
							</li>
                            <% });%>
						</ul>
					</nav>
				</div>
				<!-- /.navbar-collapse -->
			</nav>
			</div>
			<!--<div  class="head-author wow fadeInLeft animated animated col-md-12"  data-wow-delay=".5s" style="visibility: visible; animation-delay: 0.5s; animation-name: fadeInLeft;">-->
				<!--空空-->
			<!--</div>-->
		</div>
	</div>
